const path = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
const {VueLoaderPlugin} = require('vue-loader')

module.exports = {
  // 定义的模式
  mode: 'development',
  // 关闭source-map  在开发时，可以进行代码调试，在生产时，一定要关闭，为安全
  // vue.map
  devtool: false,
  // 入口
  entry: './src/main.js',
  // 出口
  output: {
    path: path.resolve('dist'),
    filename: "index.js"
  },
  // 开发环境
  devServer: {
    port: 8080,
		//before(app){}
	setupMiddelwares(mids,{app}){
		return mids
	}
  },
  // loader
  module: {
    rules: [
      {
        test: /\.vue$/i,
        loader: 'vue-loader'
      },
      {
        test: /\.js$/,
        exclude: /node_modules/,
        loader: 'babel-loader'
      }
    ]
  },
  // 插件
  plugins: [
    // 它会把index.js文件，自动的加载到html文件中
    new HtmlWebpackPlugin({
      template: path.resolve('public/index.html')
    }),
    new VueLoaderPlugin()
  ],
  resolve: {
    extensions: ['.vue', '.js']
  }
}

